<%@ page session="false" language="java" contentType="text/html; charset=UTF-8" trimDirectiveWhitespaces="true" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include.inc.jsp"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>管廊构造</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/bootstrap.css" />
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/font-awesome.css" />

    <!-- page specific plugin styles -->

    <!-- text fonts -->
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-fonts.css" />

    <!-- ace styles -->
    <link rel="stylesheet" href="${contextPath}/resources/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />

    <!--[if lte IE 9]>
			<link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-part2.css" class="ace-main-stylesheet" />
		<![endif]-->

    <!--[if lte IE 9]>
		  <link rel="stylesheet" href="${contextPath}/resources/assets/css/ace-ie.css" />
		<![endif]-->

    <!-- inline styles related to this page -->

    <!-- ace settings handler -->
    <script src="${contextPath}/resources/assets/js/ace-extra.js"></script>

    <!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

    <!--[if lte IE 8]>
		<script src="${contextPath}/resources/assets/js/html5shiv.js"></script>
		<script src="${contextPath}/resources/assets/js/respond.js"></script>
		<![endif]-->
<script type="text/javascript">
   var contextPath = '${contextPath}';
</script>
<style>

        #webglcanvas {
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				z-index: 0;
			}
    </style>
</head>
<body class="no-skin">
	<jsp:include page="index.jsp" flush="true" />
	<!-- /section:basics/navbar.layout -->
   <div class="main-container" id="main-container">
        <!-- #section:左侧树菜单 basics/sidebar -->
        <div id="sidebar" class="sidebar                  responsive">
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'fixed')
                } catch (e) {}
            </script>


            <ul class="nav nav-list">
                <li class="active open">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 管廊构造 </span>
                        
                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>
                    
                    <ul class="submenu">
                        <li class="">
                            <a href="glgz">
                                <i class="menu-icon fa fa-caret-right"></i> 总图
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="dzlk">
                                <i class="menu-icon fa fa-caret-right"></i> 丁字路口
                            </a>

                            <b class="arrow"></b>
                        </li>
                        <li class="active">
                            <a href="dj">
                                <i class="menu-icon fa fa-caret-right"></i> 端井
                            </a>

                            <b class="arrow"></b>
                        </li>
                        <li class="">
                            <a href="tfk">
                                <i class="menu-icon fa fa-caret-right"></i> 通风口
                            </a>

                            <b class="arrow"></b>
                        </li>
                        <li class="">
                            <a href="tlk">
                                <i class="menu-icon fa fa-caret-right"></i> 投料口
                            </a>

                            <b class="arrow"></b>
                        </li>
                        <li class="">
                            <a href="yck">
                                <i class="menu-icon fa fa-caret-right"></i> 引出口
                            </a>

                            <b class="arrow"></b>
                        </li>
                        <li class="">
                            <a href="zhc">
                                <i class="menu-icon fa fa-caret-right"></i> 转换仓
                            </a>

                            <b class="arrow"></b>
                        </li>
                        <li class="">
                            <a href="zj">
                                <i class="menu-icon fa fa-caret-right"></i> 转角
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>

                <li class="">
                    <a href="#" class="dropdown-toggle">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 机电运行 </span>

                        <b class="arrow fa fa-angle-down"></b>
                    </a>

                    <b class="arrow"></b>

                    <ul class="submenu">
                        <li class="">
                            <a href="fjpf">
                                <i class="menu-icon fa fa-caret-right"></i> 风机排风
                            </a>

                            <b class="arrow"></b>
                        </li>

                        <li class="">
                            <a href="sbps">
                                <i class="menu-icon fa fa-caret-right"></i> 水泵排水
                            </a>

                            <b class="arrow"></b>
                        </li>
                        <li class="">
                            <a href="znjg">
                                <i class="menu-icon fa fa-caret-right"></i> 智能井盖
                            </a>

                            <b class="arrow"></b>
                        </li>
                    </ul>
                </li>
                <li class="">
                    <a href="zyfp">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 资源分配 </span>
                    </a>

                    <b class="arrow"></b>
                </li>
                <li class="">
                    <a href="xnhjty">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 虚拟环境体验 </span>
                    </a>

                    <b class="arrow"></b>
                </li>
                <li class="">
                    <a href="mxys">
                        <i class="menu-icon fa fa-tag"></i>
                        <span class="menu-text"> 模型演示 </span>
                    </a>

                    <b class="arrow"></b>
                </li>
            </ul>
            <!-- /.nav-list -->

            <!-- #section:basics/sidebar.layout.minimize -->
            <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
                <i class="ace-icon fa fa-angle-double-left" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
            </div>

            <!-- /section:basics/sidebar.layout.minimize -->
            <script type="text/javascript">
                try {
                    ace.settings.check('sidebar', 'collapsed')
                } catch (e) {}
            </script>
        </div>

        <!-- /section:左侧树菜单 basics/sidebar -->
        <div class="main-content">
            <!-- #section:面包屑导航路径 basics/content.breadcrumbs -->
            <div class="breadcrumbs" id="breadcrumbs">
                <script type="text/javascript">
                    try {
                        ace.settings.check('breadcrumbs', 'fixed')
                    } catch (e) {}
                </script>

                <ul class="breadcrumb">
                    <li>
                        <i class="ace-icon fa fa-home home-icon"></i>
                        <a href="#">功能展示</a>
                    </li>
                    <li>
                        <a href="#">管廊构造</a>
                    </li>
                    <li class="active">端井</li>
                </ul>
                <!-- /.breadcrumb -->
            </div>
            <!-- /section:面包屑导航路径 basics/content.breadcrumbs -->
            
            <!-- PAGE CONTENT BEGINS -->
            <div class="page-content">
                <div class="row">
                    
                        

                            <div id="webglcanvas"></div>
                     
                        

             <!-- PAGE CONTENT ENDS -->

                </div>
                <!-- /.row -->
            </div>
            <!-- /.page-content -->
        </div>
        <!-- /.main-content -->
    </div>
    <!-- /.main-container -->

    <!-- basic scripts -->

    <!--[if !IE]> -->
    <script type="text/javascript">
        window.jQuery || document.write("<script src='${contextPath}/resources/assets/js/jquery.js'>" + "<" + "/script>");
    </script>

    <!-- <![endif]-->

    <!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='${contextPath}/resources/assets/js/jquery1x.js'>"+"<"+"/script>");
</script>
<![endif]-->
    <script type="text/javascript">
        if ('ontouchstart' in document.documentElement) document.write("<script src='${contextPath}/resources/assets/js/jquery.mobile.custom.js'>" + "<" + "/script>");
    </script>
    <script src="${contextPath}/resources/assets/js/bootstrap.js"></script>

    <!-- page specific plugin scripts -->

    <!-- ace scripts -->
    <script src="${contextPath}/resources/assets/js/ace/elements.scroller.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.colorpicker.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.fileinput.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.typeahead.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wysiwyg.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.spinner.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.treeview.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.wizard.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/elements.aside.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.ajax-content.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.touch-drag.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.sidebar-scroll-1.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.submenu-hover.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-box.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-rtl.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.settings-skin.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.widget-on-reload.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.searchbox-autocomplete.js"></script>
    <script src="${contextPath}/resources/assets/js/ace/ace.hover-dropdown.js"></script>
    <!-- inline scripts related to this page -->
    <!-- WebGL threejs -->
    <script src="${contextPath}/resources/js/ThreeJS/Detector.min.js"></script>
    <script src="${contextPath}/resources/js/ThreeJS/three.min.js"></script>
    <script src="${contextPath}/resources/js/ThreeJS/TrackballControls.min.js"></script>
    <script src="${contextPath}/resources/js/ThreeJS/AxisSystem.min.js"></script>
    <script src="${contextPath}/resources/js/ThreeJS/viewer3d.js"></script>
    
    <script type="text/javascript">
			VIEWER.initViewer('webglcanvas');
            VIEWER.LoadModel("${contextPath}/resources/UploadFiles/ThreeJSExporter/SDK3-DJ.js");

		</script>
</body>
</html>
